<?php
$this_is_homepage = true;
require_once LAYOUTPATH.'layout_header.php';
?>

<style type="text/css" media="screen">
	.homepage_woop2 {
		border-top: 7px solid #0085cf;
	}
	
	.homepage_woop2 #wrap_inner {
		padding: 7px 0;
		width: 700px;
		position: relative;
	}
	
	.homepage_woop2 h1.logo {
		padding: 2px 0 10px;
	}
	
	.homepage_woop2 h2 {
		font: 32px/36px Georgia, Times, Century, serif !important;
		font-weight: normal !important;
		color: #fff;
		background: #121212;
		padding: 11px;
	}
	
	.homepage_woop2 h2 a {
		color: #fff !important;
		border: none !important;
		border-bottom: 1px dotted #fff !important;
		background: transparent !important;
	}
	
	.homepage_woop2 h3 {
		margin: 15px 0 4px;
		font-size: 17px;
		font-weight: bold;
	}
	
	.homepage_woop2 .signuplogin {
		position: absolute;
		top: 0;
		right: 0;
		background: #faf0b7;
		color: #111;
		padding: 5px;
		font: bold 14px/1 Helvetica, Arial, sans-serif;
	}
	
	.homepage_woop2 .signuplogin a {
		border: none !important;
		color: #2eb135 !important;
		background: none !important;
	}
	
	.homepage_woop2 .cols .colleft {
		float: left;
		width: 400px;
	}
	
	.homepage_woop2 .cols .colright {
		float: left;
		width: 280px;
		margin-left: 20px;
	}
	
	.homepage_woop2 .cols:after {
		clear: both;
		content: ".";
		display: block;
		visibility: hidden;
		height: 0;
	}
	
	.homepage_woop2 .featured_site {
		float: left;
		width: 90px;
		height: 80px;
		padding: 5px;
		background: #333;
		overflow: hidden;
	}

	.homepage_woop2 .featured_site a {
		color: #fff !important;
		border: none;
		font-size: 12px;
		line-height: 14px;
		background: #111 !important;
		border: none !important;
	}
	
	.homepage_woop2 .featured_site a:hover {
		background: #fff !important;
		color: #0085cf !important;
	}
	
	.homepage_woop2 .featured_site a span {
		font-size: 10px !important;
		color: #b1b1b1;
	}
	
	.homepage_woop2 .featured_site a:hover span {
		color: #555;
	}
	
	.homepage_woop2 blockquote {
		margin-bottom: 18px;
		font: 16px/20px Georgia, Century, Times, serif;
		text-indent: 14px;
	}
	
	.homepage_woop2 blockquote span {
		font: 14px/22px Helvetica, Arial, sans-serif;
	}
	
	.homepage_woop2 blockquote em {
		background: #ff9;
	}
	
	.homepage_woop2 .button_row {
		margin: 13px 0;
	}
	
	.homepage_woop2 .button_row .button {
		float: left;
		width: 28%;
		margin: 0 0.8%;
		min-height: 67px;
		text-align: center !important;
		background: #deeff8;
		padding: 10px;
		vertical-align: middle;
	}
	
	.homepage_woop2 .button_row .button a {
		font-size: 26px;
		line-height: 28px;
		border: none !important;
		padding: 3px;
	}
	
	.homepage_woop2 .non_button_row .blank_button {
		clear: both;
		padding: 3px;
		border: none !important;
		background: #ff9;
		text-align: right;
		font: italic 15px/1 Georgia, Century, Times, serif;
	}
</style>

<div class="signuplogin" id="user_section">
	<a href="/sign_up_or_log_in">sign up or log in</a>
</div>
<script type="text/javascript" charset="utf-8">
	$('#user_section').load('/pages/user_section');
</script>

<h1 class="logo"><img src="/assets/images/home_v2/logo.png" alt="BricaBox" /></h1>
<h2>BricaBox gives you the power to build your own social content app in just minutes. Get started&mdash;create a BricaBox below or <a href="#learn_more">learn more</a>.</h2>


<?php
$fs = $this->db->query('SELECT name,subdomain,use_custom_domain,custom_domain,color_for_page_bg,description
FROM bricaboxes
WHERE is_featured = 1
ORDER BY RAND()
LIMIT 7');
?>

<div class="new_bricabox">
	<div class="button_row">
		<div class="button">
			<a href="/new/restaurantreviews">Restaurant review site</a>
		</div>
		<div class="button">
			<a href="/new/photomaps">Photo maps mashup site</a>
		</div>
		<div class="button">
			<a href="/new/discussions">Discussion board site</a>
		</div>
		<div class="clearfix">&nbsp;</div>
	</div>
	<div class="button_row">
		<div class="button">
			<a href="/new/websitereviews">Website review site</a>
		</div>
		<div class="button">
			<a href="/new/videocollections">Video collection site</a>
		</div>
		<div class="button">
			<a href="/new/wiki">Wiki site</a>
		</div>
		<div class="clearfix">&nbsp;</div>
	</div>
	
	<div class="non_button_row">
		<div class="clearfix">&nbsp;</div>
		
		<div class="blank_button">
			<a href="/new/blank">Or, create a BricaBox from scratch</a>
		</div>
		
	</div>
</div>

<h3>Check out these featured sites:</h3>
<div class="featured_sites">
	<?php foreach ($fs->result() as $_site): ?>
	<div class="featured_site"
	style="background: #<?php echo $_site->color_for_page_bg; ?> !important; cursor: hand; pointer: hand;"
	onclick="location.href='<?php echo bricabox_url($_site); ?>';">
		<a href="<?php echo bricabox_url($_site); ?>"><?php echo $_site->name; ?><br />
			<span><?php echo character_limiter(strip_tags($_site->description), 75); ?></span></a>
	</div>
	<?php endforeach; ?>
	<div class="clearfix">&nbsp;</div>
</div>




<div class="cols" id="learn_more">
	<div class="colleft">
		<h3>Watch our video:</h3>
		<object type="application/x-shockwave-flash" data="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&amp;feedurl=http%3A%2F%2Fbricabox%2Eblip%2Etv%2Frss&amp;file=http%3A%2F%2Fblip%2Etv%2Frss%2Fflash%2F700116&amp;showplayerpath=http%3A%2F%2Fblip%2Etv%2Fscripts%2Fflash%2Fshowplayer%2Eswf" width="270" height="203" allowfullscreen="true" id="showplayer"><param name="movie" value="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&amp;feedurl=http%3A%2F%2Fbricabox%2Eblip%2Etv%2Frss&amp;file=http%3A%2F%2Fblip%2Etv%2Frss%2Fflash%2F700116&amp;showplayerpath=http%3A%2F%2Fblip%2Etv%2Fscripts%2Fflash%2Fshowplayer%2Eswf" /><param name="quality" value="best" /><embed src="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&amp;feedurl=http%3A%2F%2Fbricabox%2Eblip%2Etv%2Frss&amp;file=http%3A%2F%2Fblip%2Etv%2Frss%2Fflash%2F700116&amp;showplayerpath=http%3A%2F%2Fblip%2Etv%2Fscripts%2Fflash%2Fshowplayer%2Eswf" quality="best" width="270" height="203" name="showplayer" type="application/x-shockwave-flash"></embed></object>
	</div>
	<div class="colright">
		<h3>What people say:</h3>
		<blockquote>
			You could publish your review in something like a standard blog but <em>you could never hope to deal with the structural needs</em> through tagging or categories. You’d need something that is just a bit <em>more robust. That’s what BricaBox is</em>.<br />
			<span>&mdash; David Berlind, <a href="http://blogs.zdnet.com/Berlind/?p=857">ZDNet</a></span>
		</blockquote>
		
		<blockquote>
			BricaBox <em>makes blogging and wikis smarter</em>.<br />
			<span>&mdash; Allen Stern, <a href="http://www.centernetworks.com/bricabox-launch">CenterNetworks</a></span>
		</blockquote>
	</div>
	<div class="clearfix">&nbsp;</div>
</div>


<?php require_once LAYOUTPATH.'layout_footer.php'; ?>